<script lang="ts">
  export let size: 'x-small' | 'small' | 'medium' | 'large'
  export let fill: string = 'currentColor'
</script>

<svg class="svg-{size}" {fill} viewBox="0 0 32 32">
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M10 24.0001C11.1046 24.0001 12 23.1047 12 22.0001C12 20.8956 11.1046 20.0001 10 20.0001C8.89543 20.0001 8 20.8956 8 22.0001C8 23.1047 8.89543 24.0001 10 24.0001ZM10 26.0001C12.2091 26.0001 14 24.2093 14 22.0001C14 19.791 12.2091 18.0001 10 18.0001C7.79086 18.0001 6 19.791 6 22.0001C6 24.2093 7.79086 26.0001 10 26.0001Z"
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M20.4142 4.58591C19.6332 3.80486 18.3668 3.80486 17.5858 4.58591L4.58579 17.5859C4.19487 17.9768 4 18.4852 4 19.0001V28.0001H13C13.5149 28.0001 14.0233 27.8053 14.4142 27.4143L27.4142 14.4143C28.1953 13.6333 28.1953 12.367 27.4142 11.5859L20.4142 4.58591ZM21.8284 3.17169C20.2663 1.6096 17.7337 1.6096 16.1716 3.17169L3.17157 16.1717C2.39052 16.9527 2 17.9764 2 19.0001V28.0001C2 29.1047 2.89543 30.0001 4 30.0001H13C14.0237 30.0001 15.0474 29.6096 15.8284 28.8285L28.8284 15.8285C30.3905 14.2665 30.3905 11.7338 28.8284 10.1717L21.8284 3.17169Z"
  />
</svg>
